body,ul,h2{
    margin: 0px;
    padding: 0px;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
    color: white;
}

#nav{
    background-color: #222;
    height: 44px;
    color: white;
    line-height: 44px;
}
.container{
    /*定宽居中*/
    width: 1000px;
    margin: 0px auto;
}
#logo{
    float: left;
    font-size: 20px;
    margin-right: 30px;
}
#nav-menu{
    float: left;
}
#nav-menu li{
    float: left;
}
#nav-menu li a{
    padding: 13px 15px;
    margin-right: 3px;
}
.active{
    background-color: black;
}
#nav-menu li a:hover{
    background-color: black;
}

#header{
    background-color: #eee;
}
#header h2{
    /*font-size: 22px;*/
    line-height: 50px;
}

#button-group{
    padding: 15px 0px;
}
#button-group button{
    height: 40px;
    border-radius: 5px;
    color: white;
    font-size: 18px;
}
#button-group button:first-child{
    border: 1px solid #4cae4c;
    background-color: #5cb85c;
}
#button-group button:last-child{
    border: 1px solid #eea236;
    background-color: #f0ab4e;
}

table{
    border: 1px solid #ddd;
    /*设置边框与边框之间的间隔*/
    border-spacing: 0px;
    /*设置边框线重叠部分的合并与分离*/
    border-collapse: collapse;
}
th,td{
    border: 1px solid #ddd;
    height: 30px;
}
thead tr th:nth-child(1){
    width: 100px;
}
thead tr th:nth-child(2),th:nth-child(3),:nth-child(7),:nth-child(8){
    width: 80px;
}
thead tr th:nth-child(4),th:nth-child(5),th:nth-child(6){
    width: 180px;
}

td{
    text-align: center;
}

th:nth-child(1),td:nth-child(1),
th:nth-child(5),td:nth-child(5),
th:nth-child(6),td:nth-child(6){
    text-align: left;
    padding-left: 5px;
}

thead tr{
    background-color: #eee;
}
tbody tr:hover{
    background-color: #eee;
}



